<template>
  <view class="container">
    <view class="list">
      <navigator url="" class="list-item">更换手机号码</navigator>
      <navigator url="" class="list-item">用户许可协议</navigator>
      <navigator url="" class="list-item">意见反馈</navigator>
      <navigator url="" class="list-item">售后保障条例</navigator>
      <navigator url="" class="list-item">关于随心改</navigator>
      <navigator url="" class="list-item">新浪微博：随心改</navigator>
      <navigator url="" class="list-item">小红书：随心改</navigator>
      <navigator url="" class="list-item">抖音：随心改</navigator>
      <navigator url="" class="list-item">官网：www.sxg123.com</navigator>
      <navigator url="" class="list-item">服务热线：177-1060-3595</navigator>
      <navigator url="" class="list-item">当前版本 V4.0</navigator>
    </view>
    <view class="logout">
      <button class="logout-button">退出登录</button>
    </view>
  </view>
</template>

<script>
export default {
  name: 'SettingsPage',
  data() {
    return {
      // 这里可以添加数据
    };
  },
  methods: {
    // 这里可以添加方法
  }
};
</script>

<style scoped>
.container {
  padding: 20rpx;
}
.list {
  margin-top: 20rpx;
}
.list-item {
  padding: 30rpx 0;
  border-bottom: 1px solid #eaeaea;
  font-size: 32rpx;
}
.logout {
  margin-top: 40rpx;
  text-align: center;
}
.logout-button {
  background-color: #f0f0f0;
  color: #000;
  padding: 20rpx 0;
  width: 100%;
  font-size: 32rpx;
  border: none;
  border-radius: 0;
}
</style>